const MiniCssExtractPlugin = require('mini-css-extract-plugin')

module.exports = [
    {
        entry: './src/import-loader.js',
        mode: 'development',
        module: {
            rules: [
                {
                    test: /\.css$/,
                    use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader']
                }
            ]
        },
        plugins: [
            new MiniCssExtractPlugin({
                filename: 'no-import-loader.css'
            })
        ]
    }
    // {
    //     entry: './src/import-loader.js',
    //     mode: 'development',
    //     module: {
    //         rules: [
    //             {
    //                 test: /\.css$/,
    //                 use: [
    //                     MiniCssExtractPlugin.loader,
    //                     {
    //                         loader: 'css-loader',
    //                         options: {
    //                             importLoaders: 1
    //                         }
    //                     },
    //                     'postcss-loader'
    //                 ]
    //             }
    //         ]
    //     },
    //     plugins: [
    //         new MiniCssExtractPlugin({
    //             filename: 'with-import-loaders.css'
    //         })
    //     ]
    // }
]